<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta content="telephone=no" name="format-detection">
    <title>My first Vue app</title>
    <script src="js/vue.js"></script>
</head>

<body>
    <div id="app">
        哈哈{{ message }}消息啦
    </div>

    <div id="app-7">
        <ol>
            <!--
            现在我们为每个 todo-item 提供 todo 对象
            todo 对象是变量，即其内容可以是动态的。
            我们也需要为每个组件提供一个“key”，稍后再
            作详细解释。
          -->
            <todo-item v-for="item in groceryList" v-bind:todo="item" v-bind:key="item.id"></todo-item>
        </ol>
    </div>

    <div id="vm">
        <ul>
            <li v-for="d in data2">
                哟西{{d.a}}用于{{d.b}}
            </li>
        </ul>
    </div>
    <script src="js/index.js"></script>
</body>

</html>